long {
    width: 400px;
    height: 30px;
}
.short {
    width: 100px;
    height: 30px;
}
.center {
    text-align: center;
}
.right {
    text-align: right;
  /* padding-right: 8px;*/
}

ul {  
    list-style-type: none;
  /*  list-style: none; */

    padding: 0;

  /*  background-color: #1479d7;*/
    
    height: 40px;

    
    line-height: 40px;
    
    
}

li {

    display: inline;
    
    margin: 10px;
    /*
    padding: 10px;
    */
    

     background-color: #1479d7; 
     
}

a {
    color: gold; 
    text-decoration: none;

    margin: 10px;
    
    padding: 10px;
display: inline-block;
    
}

.hd {
    visibility: hidden;
}

.no {
    display: none;
}


table {
    border-collapse: collapse;
}



th, td {
    border: 1px solid black;
  
   box-sizing: border-box;

   
    padding-left: 8px;

    color: rgb(0, 255, 255)
    
}

/*

td {
    border: 1px solid black;
} */

/*
div {
    width: 100px;
    height: 100px;

    border: 10px solid black;
    
    border-color: black blue purple red;
    
    border-radius: 50%;

    
    width: 0; 
    height: 0; 

     border: 10px solid black; 

    border-color: transparent transparent black;
    border-bottom-width: 17.3px; 
    
    

    border-color: transparent transparent transparent black;
    border-left-width: 17.3px; 
}
*/

div {
    width: 100px;
    height: 100px;

    /* 外边距  */
    margin: 10px;
    /* 边框 */
    border: 10px solid black;
    /* 填充 */
    padding: 10px;
    border-radius: 50%;

}


/*
.xxx-img {
    width: 80px;
    height: 80px;
    border-radius: 10px 20px 30px 40px;

    
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;

    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    

     border-right-top-radius: 50%; 
}
*/


.xxx-img {
    width: 80px;
    height: 80px;

    margin: 10px;
    border: 15px solid black;
    padding: 20px;
    box-sizing: border-box;
}
